import React from 'react'
import { useBanner, usePro, useQueryId } from './22-Hooks'
export default function App() {

    const bannerList = useBanner()

    const pro = usePro(15)

    console.log(11111111, document.getElementById('box'));
    console.log(2222222, useQueryId('box'));

    return (
        <div>
            {bannerList && bannerList.map(item =>
                <img src={item.img} style={{ width: 100 }} key={item.bannerid} />
            )}

            <ol>
                {pro}
            </ol>


            <h1 id='box'>今天太阳特别美</h1>
        </div>
    )
}
